import { Button } from 'antd';

import useErrorHandler from '../hooks/useErrorHandler';
import { getCarts } from '../utils/api';

const Home = () => {
  const setVisibleError = useErrorHandler()

  const handleClick = async () => {
    try {
      const carts = await getCarts()
      console.log({carts})
    } catch (error) {
      setVisibleError('Не удалось получить карточки с сервера. Отстой.', error)
    }
  }

  return (
    <div>
      <h1>Home &#128539;</h1>
      <p>
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam aliquet,
        purus vitae eleifend tristique, lorem magna volutpat orci, et vehicula
        erat erat nec elit. Aenean posuere nunc ac cursus facilisis. Aenean vel
        porta turpis, ut iaculis justo.
      </p>
      <Button onClick={handleClick}>Получить новые посты</Button>
    </div>
  );
};

export default Home;
